﻿<phone:PhoneApplicationPage 
    x:Class="BootyShaker.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="False">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot">
        <Grid x:Name="grd2"  Grid.Row="0" Background="Transparent">
            <Grid.ColumnDefinitions>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
            </Grid.ColumnDefinitions>

            <Rectangle  Grid.Row="0"  Grid.Column="0"  >
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#af4343" Offset="0" />
                        <GradientStop Color="#cc2d6d" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle   Grid.Row="0"  Grid.Column="2"  >
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#af4343" Offset="0" />
                        <GradientStop Color="#cc2d6d" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle   Grid.Row="0"  Grid.Column="4"  >
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#af4343" Offset="0" />
                        <GradientStop Color="#cc2d6d" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
            <Rectangle   Grid.Row="0"  Grid.Column="6"  >
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#af4343" Offset="0" />
                        <GradientStop Color="#cc2d6d" Offset="1" />
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
        </Grid>
        <Grid x:Name="grd" Background="Transparent">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>



            <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,0" Grid.ColumnSpan="2">
                <TextBlock  x:Name="Title" Text="BootyShaker" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" Foreground="#FF692E43" FontStretch="Normal" FontStyle="Normal" FontWeight="ExtraBold" FontFamily="Tahoma" FontSize="64" >

                </TextBlock>

            </StackPanel>
            <!--ContentPanel - place additional content here-->

            <ScrollViewer ScrollViewer.VerticalScrollBarVisibility="Hidden" Grid.Row="1" >
                <Grid  HorizontalAlignment="Left" Margin="0,0,0,12">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <!--<TextBlock Grid.Row="0" Grid.Column="0"
                                   Grid.ColumnSpan="2"
                                   TextWrapping="Wrap"
                                   Margin="12,0,0,12">
                            The HubTile control represents an animated tile that supports an image and a title.
                            On the back, it can display either a message or a notification.
                </TextBlock>-->
                    <StackPanel x:Name="TextPanel1" Grid.Row="0" Margin="12,17,0,0" Grid.ColumnSpan="2">
                        <Border  Background="#FF86304B" >
                            <TextBlock x:Name="CreateNew" Text="Create new" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle2Style}" Foreground="#FFFFDEF2" />
                        </Border>
                    </StackPanel>
                    <toolkit:HubTile Grid.Row="1" Grid.Column="0"  
                                         Margin="12,12,0,0"
                                         Source="/Images/Camera.png"
                                         Message="Open an image"
                                         Title="Camera"
                                         GroupTag="Food" Tap="HubTile_Tap"  Background="#FF86304B" />
                    <toolkit:HubTile Grid.Row="1" Grid.Column="1" 
                                         Margin="12,12,0,0"
                                         Source="/Images/Gallery.png"
                                         Message="Open an image"
                                         Title="Gallery"
                                         GroupTag="Food" Tap="HubTile_Tap_1" Background="#FF86304B" />
                    <StackPanel x:Name="TextPanel2" Grid.Row="2" Margin="12,17,0,0" Grid.ColumnSpan="2">
                        <Border  Background="#FF86304B" >
                            <TextBlock x:Name="LoadProject" Text="Load project" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle2Style}" Foreground="#FFFFDEF2"/>
                        </Border>
                    </StackPanel>
                    <toolkit:HubTile Grid.Row="3" Grid.Column="0" 
                                         Margin="12,12,0,0"
                                         Source="ApplicationIcon.png"
                                         Title="Pretzel"
                                        
                                         DisplayNotification="True"
                                         GroupTag="Food"  Background="#FF86304B" />
                    <toolkit:HubTile Grid.Row="3" Grid.Column="1" 
                                         Margin="12,12,0,0"
                                        
                                         Title="Shrimp"
                                        
                                         GroupTag="Food"  Background="#FF86304B"/>

                </Grid>
            </ScrollViewer>

        </Grid>
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#ed8383" Offset="0" />
                <GradientStop Color="#dc9094" Offset="1" />
            </LinearGradientBrush>
        </Grid.Background>
    </Grid>

    <!--Sample code showing usage of ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>